/*
 * Agung Rizki Maulana
 * Portfolio
 */

.avatar,.avatar-container,.hero-section{position:relative}.nama,.nav-menu a{font-size:16px;color:#444;font-weight:500}.nama,body{color:#444}.bubble-text-content h3,.salam{letter-spacing:1px;text-align:center}.avatar-container,.center-content,.paper-title,.salam{text-align:center}.btn-reveal,.contact-card,.fast-item,.nav-menu a{text-decoration:none}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#fff 0,#f5f5f5 40%,#d9d9d9 100%);font-family:Arial,Helvetica,sans-serif}.hero-section{height:100vh;display:flex;justify-content:center;align-items:center}.content-section{min-height:100vh;padding:100px 50px 50px;box-sizing:border-box}.avatar{width:100%;max-width:680px;height:auto;z-index:1}#glimpse-bubble.speech-bubble{position:absolute;top:42%;left:65%;width:320px;padding:25px;background:#fff;border:3px solid #3d5f9b;border-radius:67% 33% 61% 39%/54% 61% 39% 46%;box-shadow:6px 6px 0 rgba(61,95,155,.2);z-index:10;opacity:0;visibility:hidden;transform:translateY(-50%) scale(.8) rotate(-5deg);transition:.4s cubic-bezier(.175, .885, .32, 1.275)}#glimpse-bubble::after,#glimpse-bubble::before{content:'';position:absolute;top:50%;transform:translateY(-50%) rotate(-5deg);border-style:solid}#glimpse-bubble h3{margin-top:0;color:#3d5f9b;font-size:1.2rem}#glimpse-bubble p{font-size:.9rem;line-height:1.4;color:#333;margin-bottom:0}#glimpse-bubble.speech-bubble.active{opacity:1;visibility:visible;transform:translateY(-50%) scale(1) rotate(0)}#glimpse-bubble::after{right:99%;border-width:12px 18px 12px 0;border-color:transparent #fff transparent transparent;z-index:2}#glimpse-bubble::before{right:100%;border-width:14px 21px 14px 0;border-color:transparent #3d5f9b transparent transparent;z-index:1}.main-header{position:fixed;top:30px;right:50px;z-index:1000}.lang-container,.nama{position:absolute;left:50px}.nav-menu{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav-menu a{transition:color .3s}.nav-menu a:hover{color:#000}.nama{top:30px}.lang-container{top:75px;display:flex;align-items:center;gap:10px}.pengaturan-bahasa{font-size:14px;color:#666}.floating-contact-btn,.floating-spec{z-index:5;font-size:16px;position:absolute;bottom:30px}.language-switch{display:flex;gap:1px}.language-switch button{background-color:#8a9a5b;color:#fff;border:none;padding:8px 16px;margin:0 5px;cursor:pointer;border-radius:5px;transition:background-color .3s}.language-switch button:hover{background-color:#6b7a45}.language-switch button.active{background-color:#556b2f}.floating-spec{left:50px;font-weight:500;line-height:1.8}.floating-contact-btn{right:50px;display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-weight:600;text-decoration:none;color:#fff;border-radius:999px;background:linear-gradient(135deg,#6f8fc5 0,#3d5f9b 25%,#1b3b6f 50%,#122b52 75%,#081b36 100%);box-shadow:0 8px 20px rgba(0,89,214,.25),inset 0 1px 2px rgba(255,255,255,.5);transition:.3s}.pag-btn,.pag-info,.paper-title,.product-badge,.product-title,.salam{font-weight:700}.floating-contact-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,89,214,.35),inset 0 1px 2px rgba(255,255,255,.7)}.salam{position:absolute;top:60%;transform:translateY(-50%) scaleY(1.2);font-size:120px;white-space:nowrap;z-index:2;background:linear-gradient(135deg,#fff9c4 0,#fdd835 25%,gold 50%,#daa520 75%,#8b7500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.about-bubble,.ripped-paper-bubble{background-repeat:no-repeat;background-size:100% 100%;background-position:center}#about.content-section,#project.content-section{position:relative;height:100vh;min-height:100vh;width:100vw;max-width:100%;padding:0!important;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden}.about-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.center-content{position:relative;max-width:420px;width:100%;z-index:5}.about-bubble,.bubble-text-content,.corner-card{position:absolute;visibility:hidden;opacity:0}.main-about-img{width:100%;height:auto;display:block;object-fit:contain;margin-top:80px}.corner-card{z-index:10;transition:opacity .8s,transform .8s cubic-bezier(.25, 1, .5, 1),visibility .8s}.corner-card.active{opacity:1;visibility:visible}.project-item:nth-child(2n) .project-image-wrapper,.project-item:nth-child(odd) .project-image-wrapper{opacity:1!important;visibility:visible!important;transition:transform 1.8s cubic-bezier(.16, 1, .3, 1)}.card-image-wrapper{width:150px;height:150px;display:flex;align-items:center;justify-content:center}.modern-3d-img,.modern-num-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}.corner-card.active:hover .modern-3d-img,.project-item.active:hover .modern-num-img{transform:translateY(-5px) scale(1.05)}.top-left{top:75px;left:50px;transform:translateX(-60px) translateY(-30px)}.bottom-left.active,.bottom-right.active,.top-left.active,.top-right.active{transform:translateX(0) translateY(0)}.top-right{top:75px;right:50px;transform:translateX(60px) translateY(-30px)}.bottom-left{bottom:30px;left:50px;transform:translateX(-60px) translateY(30px)}.bottom-right{bottom:30px;right:50px;transform:translateX(60px) translateY(30px)}.about-bubble{box-sizing:border-box;z-index:1}.bubble-top-left,.bubble-top-right{width:420px;height:540px;top:-200px;background-image:url('images/about/kayu-gantungan.webp')}.bubble-bottom-left,.bubble-top-left{left:160px}.bubble-bottom-right,.bubble-top-right{right:160px}.corner-card.active .bubble-top-left,.corner-card.active .bubble-top-right{visibility:visible;animation:1.2s cubic-bezier(.25,1,.5,1) forwards dropBounce;animation-delay:1.4s}.bubble-bottom-left,.bubble-bottom-right{width:460px;height:340px;bottom:-40px;background-image:url('images/about/kayu-tanah.webp')}.bubble-text-content,.project-container{width:100%;height:100%;box-sizing:border-box}.corner-card.active .bubble-bottom-left{visibility:visible;animation:1.5s cubic-bezier(.175,.885,.32,1.275) forwards riseUpLeft;animation-delay:1.4s}.corner-card.active .bubble-bottom-right{visibility:visible;animation:1.5s cubic-bezier(.175,.885,.32,1.275) forwards riseUpRight;animation-delay:1.4s}.bubble-text-content{top:0;left:0;display:block;overflow-y:auto}.corner-card.active .bubble-text-content{animation:.8s ease-out 3s forwards pureFadeInText}.bubble-text-content h3{font-size:22px;font-weight:700;color:#3e2723;margin-top:0;margin-bottom:12px;text-transform:uppercase}.bubble-text-content p{font-size:14.5px;line-height:1.6;color:#4e342e;text-align:justify;margin:0}.text-papan-atas{padding:200px 45px 45px 60px}.text-papan-atas p,.text-papan-bawah p{color:#fdf5e6}.text-papan-bawah{padding:45px 50px 65px 40px}@keyframes dropBounce{0%{opacity:0;transform:translateY(-500px)}60%{opacity:1;transform:translateY(15px)}75%{transform:translateY(-10px)}90%{transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}@keyframes riseUpLeft{0%{opacity:0;transform:translateX(-600px) scale(.3) rotate(-180deg)}70%{opacity:1;transform:translateX(15px) scale(1.05) rotate(5deg)}85%{transform:translateX(-5px) scale(.98) rotate(-2deg)}100%{opacity:1;transform:translateX(0) scale(1) rotate(0)}}@keyframes riseUpRight{0%{opacity:0;transform:translateX(600px) scale(.3) rotate(180deg)}70%{opacity:1;transform:translateX(-15px) scale(1.05) rotate(-5deg)}85%{transform:translateX(5px) scale(.98) rotate(2deg)}100%{opacity:1;transform:translateX(0) scale(1) rotate(0)}}@keyframes pureFadeInText{0%{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}100%{visibility:visible;opacity:1}}.project-container{position:relative;display:flex;flex-direction:column;padding:60px 50px;justify-content:space-between}.project-bg-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:auto;object-fit:contain;z-index:-1}.project-item{position:relative;z-index:10;opacity:1;visibility:visible;display:flex;align-items:center}.project-item:nth-child(odd){margin-left:0;margin-right:auto}.project-item:nth-child(odd) .project-content-wrapper{display:flex;align-items:center;flex-direction:row;gap:20px}.project-item:nth-child(2n){margin-right:0;margin-left:auto}.project-item:nth-child(2n) .project-content-wrapper{display:flex;align-items:center;flex-direction:row-reverse;gap:20px}.project-item:nth-child(odd) .project-image-wrapper{transform:translateX(100vw)}.project-item:nth-child(2n) .project-image-wrapper{transform:translateX(-100vw)}.project-item.active .project-image-wrapper{transform:translateX(0)}.number-image-wrapper{width:150px;height:150px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;visibility:hidden;transition:opacity,visibility}.project-item.active .number-image-wrapper{opacity:1;visibility:visible;transition:opacity 3s,visibility 3s}.project-image-wrapper{width:280px;height:160px;overflow:hidden;flex-shrink:0}.project-img{width:100%;height:100%;object-fit:cover;display:block}.static-bottom-left,.static-bottom-left.active,.static-bottom-right,.static-bottom-right.active,.static-top-left,.static-top-left.active,.static-top-right,.static-top-right.active{transform:none}.ripped-paper-bubble{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:525px;height:max-content;max-height:80vh;z-index:100;box-sizing:border-box;background-image:url('images/project/surat.webp');padding:65px 120px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .4s,transform .4s cubic-bezier(.175, .885, .32, 1.275),visibility .4s}.ripped-paper-bubble::-webkit-scrollbar{width:5px}.ripped-paper-bubble::-webkit-scrollbar-thumb{background:#c5a880;border-radius:10px}.ripped-paper-bubble.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.ripped-paper-bubble .paper-pointer{display:none!important}.paper-content{width:100%;height:100%;display:flex;flex-direction:column}.paper-title{margin:0 0 15px;font-family:Georgia,serif;color:#5c4033;font-size:1.4rem;border-bottom:2px dashed #8b5a2b;padding-bottom:5px}.paper-lines{flex-grow:1;line-height:1.6;padding-top:4px}.paper-lines p{margin:0 0 12px;font-family:Georgia,serif;font-size:.95rem;color:#4a3525;font-style:italic;text-align:justify}.project-pagination{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;z-index:102}.pag-btn{background-color:#8a9a86;color:#fffde7;border:1px solid #758471;padding:8px 14px;font-size:1.1rem;cursor:pointer;border-radius:50px;display:inline-flex;align-items:center;justify-content:center}.pag-btn:hover:not(:disabled){background-color:#758471;color:#fff;border-color:#5f6b5c}.pag-info{font-family:Arial,sans-serif;font-size:.9rem;color:#758471;padding:6px 14px;border-radius:4px}.pag-btn:disabled{background:#eceff1;color:#90a4ae;border:1px solid #cfd8dc;cursor:not-allowed;box-shadow:none;transform:none}.project-item.slot-hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s}#product.content-section{position:relative;height:100vh;min-height:100vh;width:100vw;max-width:100%;padding:0!important;justify-content:center;align-items:center;box-sizing:border-box;overflow:visible}.product-section{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;overflow-y:visible}.product-center-bg{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:400px;height:auto;object-fit:contain;z-index:1}.product-slider-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,60px);opacity:0;width:1000px;max-width:90%;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .5s,opacity .5s}.product-carousel-content,.product-info-container{gap:12px;width:100%;padding:25px;display:flex;box-sizing:border-box}.product-slider-wrapper.active{animation:2s cubic-bezier(.25,.46,.45,.94) forwards slideUpWrapper}@keyframes slideUpWrapper{0%{transform:translate(-50%,60px);opacity:0}100%{transform:translate(-50%,0);opacity:1}}.product-info-container{position:relative;min-height:300px;height:250px;overflow:hidden;flex-direction:column;background-color:#2b2b2b;border:3px solid #c85a32;border-radius:8px;box-shadow:6px 6px 0 rgba(200,90,50,.3);cursor:pointer;transition:transform .3s cubic-bezier(.25, .46, .45, .94),box-shadow .3s,border-color .3s}.product-info-container:hover{transform:translateY(-5px);border-color:#e2724b;box-shadow:6px 11px 0 rgba(226,114,75,.4)}.product-info-container:active{transform:translateY(-1px);box-shadow:6px 7px 0 rgba(200,90,50,.5)}.product-carousel-content{flex-direction:column;position:absolute;left:0;top:0;transition:transform .4s,opacity .4s}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#2b2b2b;border:2px solid #c85a32;color:#fff;font-size:1.1rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:.3s;box-shadow:3px 3px 0 rgba(200,90,50,.2)}.base,.screen{box-shadow:6px 6px 0 rgba(43,43,43,.8)}.carousel-nav-btn:hover{background:#c85a32;color:#fff;transform:translateY(-50%) scale(1.05);box-shadow:3px 5px 0 rgba(200,90,50,.4)}.prev-btn{left:-60px}.next-btn{right:-60px}.slide-out-left{transform:translateX(-100%);opacity:0}.slide-in-right{transform:translateX(100%);opacity:0}.product-badge{align-self:flex-start;background-color:#c85a32;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;padding:4px 10px;border-radius:4px}.product-title{margin:0;color:#fff;font-family:Georgia,serif;font-size:1.8rem;letter-spacing:.5px}.product-description{margin:0;color:#d3d3d3;font-size:.95rem;line-height:1.5;text-align:justify}.product-features-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.feature-tag{background-color:rgba(200,90,50,.15);color:#e2724b;border:1px solid #c85a32;font-size:.8rem;font-weight:500;padding:4px 12px;border-radius:20px}.product-arrow{position:absolute;top:15px;right:20px;font-size:1.5rem;color:#c85a32;font-weight:700;cursor:pointer;transition:transform .3s,color .3s;z-index:12}.product-info-container:hover .product-arrow{transform:translate(3px,-3px);color:#e2724b}.product-section{padding:0!important;overflow:visible!important}.product-manager-wrapper{position:relative;width:100%;height:100vh}.product-main-view{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2;transition:opacity .4s}.product-main-view.hide-carousel{opacity:0;pointer-events:none}.product-title-trigger{cursor:pointer;transition:color .2s,transform .2s}.product-title-trigger:hover{color:#e2724b;transform:scale(1.01)}.product-detail-view{position:absolute;inset:0;width:100%;height:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;z-index:10;transition:opacity .5s;padding:60px 8%;box-sizing:border-box}.product-detail-view.show-detail{opacity:1;pointer-events:auto}.container-reveal{max-width:1150px;width:100%;display:flex;align-items:center;gap:70px;box-sizing:border-box}.laptop-wrap{flex:1;display:flex;justify-content:center;transition:.25s}.laptop{width:430px;perspective:1000px;margin-right:auto;margin-left:-120px}.screen{background:#1a1a1a;border:3px solid #c85a32;border-radius:16px 16px 8px 8px;padding:10px}.display{aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#fff}.display img{width:100%;height:100%;object-fit:contain}.base{width:470px;height:18px;background:linear-gradient(#d8d8d8,#bababa);border:3px solid #c85a32;border-top:none;margin-left:-20px;border-radius:0 0 20px 20px}.info-reveal{flex:3;color:#2b2b2b}.category-reveal{display:inline-block;background:rgba(200,90,50,.1);color:#c85a32;border:2px solid #c85a32;padding:6px 14px;border-radius:30px;font-size:13px;margin-bottom:18px;font-weight:700}.info-reveal h1{font-family:Georgia,serif;font-size:42px;margin-bottom:15px;color:#2b2b2b}.desc-reveal{color:#444;line-height:1.8;margin-bottom:25px;text-align:justify}.info-reveal ul{margin-bottom:35px;padding-left:18px;color:#444}.info-reveal li{margin:10px 0}.buttons-reveal{display:flex;gap:15px;flex-wrap:wrap}.btn-reveal{padding:14px 24px;border-radius:8px;font-weight:600;transition:.3s}.btn-reveal.demo{border:2px solid #c85a32;color:#c85a32;background:0 0;box-shadow:4px 4px 0 rgba(43,43,43,.2)}.btn-reveal.buy{background:#c85a32;color:#fff;box-shadow:4px 4px 0 rgba(43,43,43,.3)}.btn-reveal:hover{transform:translateY(-3px)}.btn-reveal.demo:hover{background:rgba(200,90,50,.08);box-shadow:4px 6px 0 rgba(43,43,43,.4)}.btn-reveal.buy:hover{background:#e2724b;box-shadow:4px 6px 0 rgba(43,43,43,.5)}.back-to-carousel-btn{position:absolute;top:30px;left:50px;padding:12px 20px;background:#2b2b2b;color:#fff;border:2px solid #c85a32;border-radius:8px;cursor:pointer;font-weight:600;z-index:12;transition:.2s;box-shadow:4px 4px 0 rgba(0,0,0,.2)}.back-to-carousel-btn:hover{background:#c85a32;color:#fff;transform:translateY(-2px);box-shadow:4px 6px 0 rgba(43,43,43,.4)}.curtain-layer{position:absolute;inset:0;background:#c85a32;z-index:99;clip-path:inset(0 100% 0 0);pointer-events:none}.curtain-layer.animate-curtain{animation:1.2s forwards curtainRun}.curtain-layer.animate-curtain-reverse{animation:1.2s forwards curtainReturn}@keyframes curtainRun{0%,30%,70%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes curtainReturn{0%{clip-path:inset(0 100% 0 0)}30%,70%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}.contact-section{text-align:center;padding:85px 50px 50px;box-sizing:border-box}.contact-section p{margin-bottom:30px;color:#555;font-size:1.1rem}.contact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;width:100%;max-width:100%;margin:0 auto}.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;color:#333;transition:.3s}.contact-card i{font-size:2rem;margin-bottom:10px;transition:transform .3s}.contact-card span{font-size:.9rem;font-weight:500}.contact-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1);color:#fff}.contact-card:hover i{transform:scale(1.1)}.contact-card.whatsapp:hover{background-color:#25d366;border-color:#25d366}.contact-card.email:hover{background-color:#ea4335;border-color:#ea4335}.contact-card.linkedin:hover{background-color:#0077b5;border-color:#0077b5}.contact-card.youtube:hover{background-color:red;border-color:red}.contact-card.tiktok:hover{background-color:#000;border-color:#000}.contact-card.facebook:hover{background-color:#1877f2;border-color:#1877f2}.contact-card.instagram:hover{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:#dc2743}.floating-contact-wrapper{position:absolute;right:50px;bottom:30px;z-index:1005;display:flex;flex-direction:column;align-items:center}.floating-contact-wrapper .floating-contact-btn{position:relative;right:auto;bottom:auto}.fast-response-menu{display:flex;flex-direction:column;gap:12px;margin-bottom:15px;opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:.4s cubic-bezier(.175, .885, .32, 1.275)}.fast-response-menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.fast-item{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .3s,box-shadow .3s}.fast-item:hover{transform:scale(1.15);box-shadow:0 6px 16px rgba(0,0,0,.25)}.fast-item.whatsapp{background-color:#25d366}.fast-item.instagram{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.fast-item.tiktok{background-color:#000;border:1px solid #333}.fast-item.facebook{background-color:#1877f2}@media (max-width:768px){#about.content-section{height:auto;padding:120px 20px 50px}.about-container{flex-direction:column;height:auto;gap:30px}.center-content{max-width:100%;order:3;margin:20px 0}.corner-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:translateY(30px)!important}.corner-card.active{transform:translateY(0)!important}.card-image-wrapper{width:110px;height:110px}.ripped-paper-bubble{width:90%;max-height:75vh;padding:55px 30px}.container-reveal{flex-direction:column;text-align:center;gap:30px}.info-reveal h1{font-size:32px}.info-reveal ul{list-style:none;padding:0}.buttons-reveal{justify-content:center}.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.base{width:100%;max-width:320px;margin-left:0}.laptop{width:100%;max-width:310px}.contact-grid{grid-template-columns:1fr}}