img{max-width:100%;height:auto;display:block}html{scroll-behavior:smooth;scroll-padding-top:80px}*{box-sizing:border-box;margin:0;padding:0;background-color:#000;font-family:Funnel,sans-serif}li,a{font-weight:800;font-size:24px;color:#fff;text-decoration:none}header{display:flex;justify-content:center}.Iwan{cursor:pointer;color:#fff}.links{display:flex;flex-direction:row;justify-content:center;padding:10px;gap:350px}.links li{display:inline-block;padding:30px 0}.links li a{transition:all .3s ease 0s}.links li a:hover{color:#dbc70e}.intro-section{display:flex;align-items:center;justify-content:center;padding:20px 120px;gap:10px}.about-section{display:flex;align-items:center;justify-content:center;padding:20px 30px;gap:10px;margin-bottom:75px;margin-top:75px}.work-section{display:flex;align-items:center;justify-content:center;margin-bottom:150px;max-width:auto}.contact-section{display:flex;flex-direction:column;align-items:center;position:relative;padding:10px;margin-bottom:10px;margin-top:20px}.iwan-image{max-width:900px;height:400px;border-radius:20px;border:3px solid #dbc70e;box-shadow:0 0 20px #dbc70e4d}.image-stack{display:flex;flex-direction:column;align-items:center;gap:20px}.image-stack iframe{width:75%;max-width:800px;aspect-ratio:16 / 9;border-radius:20px;border:3px solid #dbc70e;box-shadow:0 0 20px #dbc70e4d;0 0 20px rgba(219,199,14,.3)}.image-row{display:flex;gap:20px;justify-content:center;flex-wrap:nowrap}.image-row img{max-width:350px;height:375px;border-radius:20px;border:3px solid #dbc70e;box-shadow:0 0 20px #dbc70e4d}.grid-container{align-items:center;display:grid;grid-template-columns:repeat(3,1fr);gap:50px 150px;margin-bottom:30px}.grid-item{text-align:center}.grid-item img{height:240px;width:240px;border:3px solid #dbc70e;border-radius:20px;box-shadow:0 0 20px #dbc70e4d}.grid-item p{color:#fff;margin-top:12px;font-size:16px}.iwan-image4{position:absolute;top:175px;right:30px;height:325px;border-radius:20px;border:3px solid #dbc70e;box-shadow:0 0 20px #dbc70e4d}.group{color:#fff;font-weight:800;max-width:580px;margin:40px 90px 40px auto;text-align:center}.group2{color:#fff;font-weight:800;margin:5px auto 40px 90px;max-width:750px;text-align:center}.group3{color:#fff;font-weight:800;margin-top:10px;text-align:center}.group4{color:#fff;font-weight:800;justify-content:space-between;margin-right:auto;text-align:center;margin-top:30px;font-size:24px}.group h1{font-size:95px;margin-bottom:20px;color:#dbc70e;text-align:center}.group2 h2{font-size:65px;text-align:center;margin-bottom:20px;color:#dbc70e}.group3 h3{font-size:50px;text-align:center;margin-bottom:20px;color:#dbc70e;letter-spacing:5px}.contact-title{font-size:75px;color:#dbc70e;text-align:center;margin-bottom:20px}.group .subtitle{font-size:24px;text-align:center;max-width:90%;margin:12px auto 20px;word-wrap:break-word}.group .description,.group2 .description,.group3 .description{font-size:16px;margin:30px 10px;line-height:1.6;display:block}.group4 .description{font-size:36px;margin:10px 20px;line-height:1.4;display:block;color:#dbc70e}.contact-link{display:inline-block;color:#fff;background-color:transparent;border:2px solid #dbc70e;padding:10px 15px;border-radius:15px;text-decoration:none;transition:all .3s ease;box-shadow:0 0 10px #dbc70e33}.contact-link:hover{background-color:#dbc70e;color:#000;transform:scale(1.05);box-shadow:0 0 20px #dbc70e80}.work-button{margin:10px auto;display:block;background-color:#111;color:#fff;padding:12px 40px;border:2px solid #dbc70e;border-radius:25px;cursor:pointer;font-size:22px;font-weight:300;letter-spacing:1px;transition:all .3s ease;box-shadow:0 0 10px #dbc70e4d}.work-button:hover{background-color:#111;color:#dbc70e;border-color:#dbc70e;box-shadow:0 0 20px #dbc70eb3;transform:scale(1.08)}footer{margin-top:20px;margin-bottom:20px;margin-left:30px;color:#fff;font-weight:800}@media (max-width: 450px){.work-button{display:none}header{padding:10px;margin-top:10px;display:flex;justify-content:center;position:sticky;top:0;z-index:1000}.group .subtitle{font-size:16px;margin:15px;line-height:1.4}.group h1{font-size:48px;margin-bottom:12px;line-height:1.1}.group .description{font-size:14px;margin:15px 10px;line-height:1.5}.work-section{margin-bottom:20px;margin-top:20px}.about-section{margin-top:10px}.intro-section{padding:20px 15px;gap:15px}.iwan-image{max-width:100%;height:auto;min-height:250px;object-fit:cover}}@media (max-width: 1024px){body{overflow-x:hidden}.intro-section{flex-direction:column;text-align:center;padding:30px 20px}.intro-section .group{max-width:600px;width:100%;margin:0 auto}.intro-section img{max-width:90%;height:auto;margin:20px auto;display:block}.grid-container{grid-template-columns:repeat(2,1fr);gap:30px 60px;padding:0 20px}.grid-item img{width:auto;height:auto;margin:0 auto}.about-section{flex-direction:column;text-align:center}.image-stack{display:flex;flex-direction:row;justify-content:center;gap:20px;flex-wrap:wrap}.image-stack img,.image-stack iframe{flex:1 1 45%;max-width:85%}.iwan-image3,.iwan-image4{max-width:55%;height:auto;margin:0;position:static}.iwan-image4{position:static;display:block;margin:20px auto;max-width:80%;height:auto}.contact-section{align-items:center;text-align:center}.iwan-image{max-width:100%}.group,.group2,.group3,.group4{margin:20px;text-align:center}.links{gap:50px}.group h1,.group2 h2,.group3 h3,.contact-title{font-size:55px}}@media (min-width: 768px) and (max-width: 1024px){.intro-section{flex-direction:row;justify-content:space-between;padding:40px;gap:40px}.intro-section .group{max-width:50%;margin:0;text-align:center}.intro-section img{max-width:40%;height:auto;margin:0}.group .subtitle{text-align:center;font-size:22px;line-height:1.4}.intro-section,.about-section{flex-direction:column;padding:30px;gap:25px;text-align:center}.group,.group2,.group3,.group4{margin:25px auto;text-align:center}.group h1{font-size:62px;line-height:1.2}.group2 h2,.group3 h3{font-size:52px;line-height:1.2}.contact-title{font-size:58px;line-height:1.2}.group .description,.group2 .description,.group3 .description{font-size:18px;line-height:1.6}.iwan-image,.iwan-image2,.iwan-image3,.iwan-image4{max-width:85%;height:auto;margin:15px auto;display:block;position:static}.image-stack{margin:0 auto;align-items:center}.image-row{gap:20px}.image-row img{max-width:300px;height:320px}.grid-container{grid-template-columns:repeat(2,1fr);gap:35px 80px;padding:0 40px}.grid-item img{width:220px;height:220px}.grid-item p{font-size:17px;margin-top:10px}.work-button{font-size:22px;padding:14px 45px}.work-section{margin-bottom:50px}li,a{font-size:22px}.group4 .description{font-size:32px}}@media (min-width: 768px) and (max-width: 820px){.image-row img{max-width:200px;height:220px}.iwan-image{max-width:70%}.about-section{margin-bottom:50px;margin-top:50px}.work-section{margin-bottom:40px}}@media (max-width: 768px){header{flex-direction:column;align-items:center;padding:10px 0}.links{gap:15px;flex-wrap:wrap;flex-direction:row;justify-content:center;font-size:18px;padding:5px}.links li{padding:8px 0}.intro-section,.about-section{flex-direction:column;padding:25px 15px;gap:20px;text-align:center}.group,.group2,.group3,.group4{margin:15px 10px;text-align:center}.group h1{font-size:42px;margin-bottom:15px;line-height:1.2}.group2 h2,.group3 h3{font-size:36px;margin-bottom:12px;line-height:1.2}.contact-title{font-size:38px;margin-bottom:15px;line-height:1.2}.group .subtitle{font-size:20px;line-height:1.5}.group .description,.group2 .description,.group3 .description{font-size:15px;margin:15px 5px;line-height:1.6;text-align:center}.iwan-image,.iwan-image2,.iwan-image3,.iwan-image4{max-width:95%;height:auto;margin:15px auto;display:block;position:static}.iwan-image{min-height:250px;object-fit:cover}.image-stack{margin:0 auto;align-items:center;gap:15px}.image-row{flex-direction:column;align-items:center;gap:15px}.image-row img{max-width:95%;width:100%;height:auto;aspect-ratio:350 / 375;object-fit:cover}.work-button{width:85%;font-size:18px;padding:12px 25px;margin:15px auto}li,a{font-size:18px}.group4{font-size:16px}.group4 .description{font-size:28px;margin:10px;line-height:1.3}.grid-container{grid-template-columns:repeat(2,1fr);gap:20px 15px;padding:0 15px}.grid-item img{width:100%;max-width:180px;height:180px;margin:0 auto}.grid-item p{font-size:14px;margin-top:8px}}@media (max-width: 375px){.group h1{font-size:36px}.group2 h2,.group3 h3{font-size:32px}.contact-title{font-size:34px}.group .subtitle{font-size:16px}.group .description,.group2 .description,.group3 .description{font-size:14px}.group4 .description{font-size:24px}.links{font-size:16px;gap:10px}li,a{font-size:16px}}