:root{--blue:#2d40ed;--lime:#d9f567;--ink:#171818;--paper:#f9f9f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:7px}.header{height:112px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cecec9}.logo{font-family:'Manrope',sans-serif;font-weight:800;font-size:47px;letter-spacing:-4px;line-height:1}.logo span{font-size:16px;letter-spacing:0;vertical-align:top;margin-left:5px}.header nav{display:flex;gap:38px;font-size:15px}.header nav a:hover{color:var(--blue)}.nav-cta{background:var(--ink);color:white;border-radius:40px;padding:15px 23px;font-size:15px}.nav-cta span{margin-left:20px}.hero{padding:32px 5% 0}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.2px}h1,h2,h3,p{margin:0}h1{font-family:'Manrope',sans-serif;font-size:clamp(54px,7.8vw,120px);font-weight:600;line-height:1.06;letter-spacing:-.065em;margin:55px 0 35px}h1 em{font-style:normal;color:var(--blue)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-bottom:46px}.hero-bottom p{font-size:18px;line-height:1.6;color:#53534e}.round-link{display:flex;align-items:center;gap:28px;font-size:16px}.round-link span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #999b91;border-radius:50%;font-size:25px;transition:.2s}.round-link:hover span{background:var(--lime);transform:rotate(10deg)}.hero-visual{height:480px;position:relative;background:var(--lime);overflow:hidden}.hero-visual img{height:100%;width:100%;object-fit:cover}.visual-label{position:absolute;inset:30px;display:flex;justify-content:space-between;align-items:flex-end;color:#15266f;pointer-events:none}.visual-label span:first-child{font-size:30px;font-weight:700;line-height:1;letter-spacing:-1px}.visual-label span:last-child{font-size:12px;letter-spacing:1px}.ticker{display:flex;justify-content:space-around;align-items:center;padding:42px 4%;font-size:clamp(22px,3.4vw,52px);font-weight:700;letter-spacing:-1.5px;border-bottom:1px solid #d4d4cb;gap:20px}.ticker i{font-style:normal;color:var(--blue);font-size:1.3em}.section{padding:100px 5%}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:600;margin-bottom:32px}h2{font-family:'Manrope',sans-serif;font-size:clamp(32px,4vw,60px);font-weight:500;line-height:1.16;letter-spacing:-.055em}.about{display:grid;grid-template-columns:1fr 2.2fr;gap:50px}.about h2 span{color:var(--blue)}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.about-copy p{font-size:17px;line-height:1.7;color:#5c5c55}.services{background:var(--blue);color:white;display:grid;grid-template-columns:1fr 1.7fr;gap:60px}.service-list article{display:flex;gap:25px;padding:30px 0;border-top:1px solid #7a87f1}.service-list article:first-child{padding-top:0;border-top:0}.service-list article:last-child{padding-bottom:0}.number{font-size:13px;padding-top:6px;color:#c8d0ff}.service-list h3{font-size:27px;letter-spacing:-1px;font-weight:500}.service-list p{color:#e1e4ff;line-height:1.6;margin:12px 0 20px;font-size:16px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:12px;padding:7px 10px;border:1px solid #8090f8;border-radius:25px}.star{margin-left:auto;color:var(--lime);font-size:35px}.work-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:45px}.work-head p{font-size:16px;line-height:1.65;color:#64645b}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.project-cover{height:390px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.cover-meta,.cover-bottom{font-size:12px;letter-spacing:1px}.project-type{font-size:75px;line-height:1;font-weight:600;letter-spacing:-5px}.project-type span{display:block;font-size:16px;letter-spacing:1px;margin-top:10px}.tukata{background:#af452f;color:#fff2d8}.tukata .project-type{font-family:Georgia,serif}.hara{background:#deded7;color:#243a35}.hara .project-type{font-weight:800;letter-spacing:-6px}.hara .project-type span{letter-spacing:6px;margin-left:5px;font-size:13px}.project-wide{grid-column:1/-1}.jeda{background:#202e28;color:#e8e8c9;height:400px}.jeda .project-type{font-size:64px;line-height:1.05}.jeda em{font-family:Georgia,serif;font-weight:400}.project-info{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 9px}.project-info h3{font-size:21px;letter-spacing:-.6px}.project-info span{font-size:13px;color:#66685f}.project>p{font-size:15px;color:#686961;line-height:1.5}.project-note{margin-top:35px;font-size:12px;color:#6c6d63;line-height:1.5}.contact{background:var(--lime)}.contact-main{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(52px,8.5vw,130px);line-height:1.05;letter-spacing:-.065em}.contact-arrow{font-size:150px;font-weight:400;color:var(--blue)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #9fb64f;margin-top:55px;padding-top:30px}.contact-bottom p{font-size:20px;line-height:1.6}.contact-bottom div{display:flex;flex-direction:column;gap:8px;font-size:16px}.contact-bottom small{font-size:13px;margin-top:7px;color:#515f2f}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5%;gap:25px}footer>span,footer>a:last-child{font-size:13px}footer .logo{font-size:38px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:760px){.header{height:88px}.logo{font-size:38px}.header nav{gap:18px;font-size:14px}.nav-cta{padding:12px 15px;font-size:14px}.nav-cta span{display:none}.hero-top span:last-child{display:none}h1{margin-top:40px;font-size:clamp(45px,8.4vw,65px)}.hero-bottom{gap:20px;align-items:flex-start}.hero-bottom p{font-size:16px}.round-link{font-size:14px;gap:12px;flex-shrink:0}.round-link span{width:36px;height:36px;font-size:20px}.desktop{display:none}.hero-visual{height:320px}.visual-label{inset:20px}.visual-label span:first-child{font-size:22px}.visual-label span:last-child{display:none}.ticker{gap:10px;padding:27px 4%;font-size:20px;letter-spacing:-.6px}.section{padding:65px 5%}.about,.services{grid-template-columns:1fr;gap:15px}.about-copy{gap:22px}.services{gap:40px}.work-head{display:block}.work-head p{margin-top:20px}.projects{gap:35px;grid-template-columns:1fr}.project-wide{grid-column:auto}.project-cover{height:350px}.project-info{align-items:flex-start;flex-direction:column;gap:7px}.jeda .project-type{font-size:54px}.contact-arrow{font-size:90px}.contact-bottom{flex-direction:column}.contact-bottom p{font-size:18px}footer{flex-wrap:wrap}footer .logo{width:100%}}@media(max-width:420px){.header nav{gap:12px}.header nav a:first-child{display:none}.hero-bottom{flex-direction:column}.about-copy{grid-template-columns:1fr}.ticker{font-size:16px}.service-list h3{font-size:23px}.star{display:none}.project-type{font-size:65px}.contact h2{font-size:50px}.contact-arrow{font-size:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official Vilusi identity and direct contact links */
.logo{display:block;line-height:0;letter-spacing:normal;flex-shrink:0}.logo img{display:block;width:180px;max-width:100%;height:auto}footer .logo img{width:160px}.contact-bottom .contact-wa{margin-top:14px;align-self:flex-start;background:var(--ink);color:white;padding:14px 20px;border-radius:30px;font-size:15px;line-height:1.4}.contact-email{align-self:flex-start;padding:8px 0;text-decoration:underline;text-underline-offset:5px;font-size:16px}.contact-wa:hover{background:var(--blue)}.contact-email:hover{color:var(--blue)}@media(max-width:760px){.logo img{width:130px}footer .logo img{width:150px}}@media(max-width:420px){.logo img{width:112px}.header nav{gap:10px}.nav-cta{padding:12px;font-size:13px}}