.tentang-kami-page{width:100%;background:var(--bg);min-height:100vh}.tentang-kami-page .hero-section{position:relative;min-height:380px;background:linear-gradient(180deg,#3d2a1f,#352318 15%,#2c1c13 35%,#231610 60%,#1c1310 80%,#1a1410)!important;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 2rem}.tentang-kami-page .hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 100% 60% at 50% 40%,rgba(70,45,30,.4),transparent 60%),radial-gradient(circle at 50% 30%,rgba(212,165,116,.06),transparent 50%)!important;pointer-events:none}.tentang-kami-page .hero-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(212,165,116,.03) 50%,transparent);animation:heroGlow 8s ease-in-out infinite;pointer-events:none}@keyframes heroGlow{0%,to{opacity:0}50%{opacity:1}}.tentang-kami-page .hero-overlay{display:none}.tentang-kami-page .hero-content{position:relative;z-index:2;text-align:center;color:white;padding:0 2rem;max-width:800px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tentang-kami-page .breadcrumb{font-size:.95rem;color:#d4a574!important;margin-bottom:1.5rem;font-weight:500;letter-spacing:.5px}.tentang-kami-page .breadcrumb a{color:#d4a574!important;text-decoration:none;transition:all .3s ease}.tentang-kami-page .breadcrumb a:hover{color:#e8c9a0!important}.tentang-kami-page .breadcrumb .separator{margin:0 .6rem;opacity:.7}.tentang-kami-page .breadcrumb .active{color:#e8c9a0!important}.tentang-kami-page .hero-content h1{font-size:3.5rem;font-weight:700;margin:.75rem 0 1.25rem;color:#e8c9a0!important;letter-spacing:1px;line-height:1.2;text-shadow:0 4px 30px rgba(0,0,0,.4)}.tentang-kami-page .hero-content p{font-size:1.15rem;color:rgba(255,255,255,.85)!important;max-width:600px;margin:0 auto;line-height:1.7}@media (max-width:768px){.hero-section{min-height:280px;padding:3rem 1.25rem}.hero-content h1{font-size:2rem}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.story-section{padding:5rem 0;background:linear-gradient(180deg,#1a1410,#1c1612 15%,#1e1814 35%,#201a16 55%,#221c18 75%,#221c18);position:relative}.story-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3d2f24,transparent)}.section-label{color:#d4a574;font-size:.85rem;font-weight:600;letter-spacing:4px;margin-bottom:1.5rem;text-transform:uppercase;display:inline-block;position:relative;padding-left:0;background:transparent;border-radius:0;border:none}.section-label:before{background:linear-gradient(90deg,#d4a574,transparent);margin-right:1rem}.section-label:after,.section-label:before{content:"";display:inline-block;width:40px;height:2px;vertical-align:middle}.section-label:after{background:linear-gradient(90deg,transparent,#d4a574);margin-left:1rem}.section-title{font-size:2.8rem;font-weight:700;color:var(--text);margin-bottom:2rem;line-height:1.2}.story-content{margin:3rem 0}.story-text{max-width:900px}.story-text p{font-size:1.15rem;line-height:1.9;color:var(--muted);margin-bottom:1.5rem}.vision-mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.vm-card{background:var(--surface);border:2px solid var(--glass);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .4s ease;position:relative;overflow:hidden;height:320px;display:flex;flex-direction:column}.vm-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-2));transform:scaleX(0);transition:transform .4s ease}.vm-card:hover:before{transform:scaleX(1)}.vm-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(139,69,19,.15);border-color:var(--primary)}.vm-card h3{font-size:1.6rem;color:var(--text);margin-bottom:1rem;gap:.5rem;flex-shrink:0}.visi-content,.vm-card h3{display:flex;align-items:center}.visi-content{flex:1}.visi-item{padding:1rem 1.2rem;background:rgba(139,69,19,.05);border-radius:8px;border-left:3px solid var(--primary);width:100%}.visi-item p{color:var(--muted);line-height:1.8;font-size:1rem;margin:0}.misi-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.misi-scroll-container::-webkit-scrollbar{width:5px}.misi-scroll-container::-webkit-scrollbar-track{background:rgba(139,69,19,.1);border-radius:10px}.misi-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--primary-2));border-radius:10px}.misi-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a0522d,#daa563)}.misi-scroll-container ul{margin:0;padding:0;list-style:none}.misi-scroll-container li{margin-bottom:1rem;padding:.75rem 1rem;background:rgba(139,69,19,.05);border-radius:8px;border-left:3px solid var(--primary)}.misi-scroll-container li:last-child{margin-bottom:0}.misi-scroll-container li strong{display:block;color:var(--text);font-size:.95rem;margin-bottom:.3rem}.misi-scroll-container li span{display:block;font-size:.9rem;color:var(--muted);line-height:1.6}.milestone-section{padding:5rem 0 6rem;background:linear-gradient(180deg,#1a1410,#1e1714 30%,#221c18 70%,#252019);position:relative;overflow:hidden}.milestone-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(212,165,116,.08),transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(139,69,19,.06),transparent 50%);pointer-events:none}.milestone-section .container{position:relative;z-index:1}.milestone-scroll-wrapper{max-height:600px;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;margin-top:2.5rem}.milestone-scroll-wrapper::-webkit-scrollbar{width:8px}.milestone-scroll-wrapper::-webkit-scrollbar-track{background:rgba(212,165,116,.1);border-radius:10px}.milestone-scroll-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a574,#8b4513);border-radius:10px}.milestone-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c9a0,#a0522d)}.section-title-center{font-size:3rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#e8c9a0;position:relative;text-shadow:0 4px 20px rgba(0,0,0,.3)}.milestone-section .section-label-center{display:none}.milestone-section .section-title-center{margin-bottom:.5rem;font-size:2.8rem}.milestone-section .section-subtitle{margin-bottom:2rem;color:rgba(255,255,255,.6);font-size:1.05rem;max-width:600px;margin-left:auto;margin-right:auto}.team-section .section-title-center{color:#e8c9a0;margin-bottom:.5rem}.timeline{position:relative;padding:2rem 0;max-width:1000px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(212,165,116,.6),#d4a574 20%,#a0522d 50%,#d4a574 80%,rgba(212,165,116,.6));transform:translateX(-50%);border-radius:3px;box-shadow:0 0 15px rgba(212,165,116,.2)}.timeline-item{position:relative;margin-bottom:3rem;display:flex;align-items:center;animation:milestoneSlideIn .8s ease-out;animation-fill-mode:both}.timeline-item:first-child{animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:last-child{margin-bottom:1rem}@keyframes milestoneSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-item.left{justify-content:flex-end;padding-right:calc(50% + 4rem);padding-left:1rem}.timeline-item.right{justify-content:flex-start;padding-left:calc(50% + 4rem);padding-right:1rem}.timeline-year{position:absolute;left:50%;transform:translateX(-50%);background:linear-gradient(145deg,#c4873a,#8b4513);color:white;padding:.75rem 1.75rem;border-radius:50px;font-weight:700;font-size:1.2rem;letter-spacing:1px;box-shadow:0 6px 20px rgba(139,69,19,.4),0 0 0 4px #1e1714,0 0 0 6px rgba(212,165,116,.3);z-index:2;min-width:90px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.timeline-content{background:linear-gradient(145deg,#2a2320,#242018);border:1px solid rgba(212,165,116,.12);border-radius:16px;padding:1.5rem 2rem;max-width:380px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.03);position:relative;overflow:hidden}.timeline-content:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#d4a574,#8b4513);transform:scaleY(0);transform-origin:top;transition:transform .4s ease;border-radius:0 3px 3px 0}.timeline-content:hover:before{transform:scaleY(1)}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 15px 45px rgba(0,0,0,.35),0 0 25px rgba(212,165,116,.08);border-color:rgba(212,165,116,.25)}.timeline-content h3{margin:0 0 .75rem;color:#e8c9a0;font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.timeline-content p{margin:0;color:rgba(255,255,255,.65);line-height:1.7;font-size:.95rem}.timeline-item.left .timeline-content:after{right:-12px;border-left:12px solid #2a2320}.timeline-item.left .timeline-content:after,.timeline-item.right .timeline-content:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent}.timeline-item.right .timeline-content:after{left:-12px;border-right:12px solid #2a2320}.team-section{padding:6rem 0;background:linear-gradient(180deg,#252019,#1e1714 50%,#1a1410);position:relative;overflow:hidden}.team-section:before{height:1px;background:linear-gradient(90deg,transparent,rgba(212,165,116,.3),transparent)}.team-section:after,.team-section:before{content:"";position:absolute;top:0;left:0;right:0}.team-section:after{bottom:0;background:radial-gradient(ellipse 60% 40% at 30% 20%,rgba(212,165,116,.05),transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(139,69,19,.04),transparent 50%);pointer-events:none}.section-subtitle{text-align:center;color:rgba(255,255,255,.6);font-size:1.15rem;max-width:700px;margin:-1.5rem auto 3rem;line-height:1.6}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.team-card{background:var(--surface);border:1px solid var(--glass);border-radius:1px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .4s ease;position:relative}.team-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px rgba(139,69,19,.2);border-color:var(--primary)}.team-photo{width:100%;height:400px;overflow:hidden;background:linear-gradient(180deg,rgba(255,248,240,1),rgba(255,243,224,1));position:relative;display:flex;align-items:flex-end;justify-content:center}.team-photo:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);pointer-events:none}.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}.team-card:hover .team-photo img{transform:scale(1.05)}.team-info-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;text-align:center;z-index:2}.team-info-overlay h3{margin:0 0 .5rem;color:#fff;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.team-info-overlay .position{color:#fff;font-weight:400;margin:0;font-size:.95rem;line-height:1.5;opacity:.95;text-shadow:0 1px 5px rgba(0,0,0,.5)}.team-compact{padding:5rem 0;position:relative;z-index:1}.team-compact .section-title-center{margin-bottom:.75rem}.team-compact .section-subtitle{margin-bottom:3.5rem}.team-slider-container{position:relative;max-width:1000px;margin:0 auto;padding:0 2rem}.team-slider{display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:1.5rem 1rem;cursor:grab;scroll-snap-type:none;-webkit-overflow-scrolling:touch;user-select:none;touch-action:pan-x}.team-slider::-webkit-scrollbar{display:none}.team-slider.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.team-slider:active{cursor:grabbing}.team-card-compact{flex-shrink:0;width:280px;background:linear-gradient(180deg,#fefefe,#f8f5f0);border:none;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.05);scroll-snap-align:center;position:relative;transform:scale(.92);opacity:.7}.team-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d4a574,#8b4513,#d4a574);opacity:0;transition:opacity .4s ease}.team-card-compact.center{transform:scale(1);opacity:1;box-shadow:0 20px 50px rgba(139,69,19,.2),0 10px 25px rgba(0,0,0,.12)}.team-card-compact.center:before{opacity:1}.team-card-compact:hover{opacity:1;transform:scale(.95)}.team-card-compact.center:hover{transform:scale(1.02);box-shadow:0 25px 60px rgba(139,69,19,.25),0 12px 30px rgba(0,0,0,.15)}.team-photo-compact{width:100%;height:320px;overflow:hidden;position:relative;background:linear-gradient(180deg,#FFF8F0,#FFE4C8 60%,#FFD4A8);display:flex;align-items:center;justify-content:center;padding:1rem}.team-photo-compact:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,rgba(248,245,240,1) 0,rgba(248,245,240,.6) 50%,rgba(248,245,240,0));pointer-events:none;z-index:1}.team-photo-compact img{width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center center;transition:transform .6s cubic-bezier(.4,0,.2,1);pointer-events:none;filter:drop-shadow(0 10px 25px rgba(0,0,0,.15))}.team-card-compact:hover .team-photo-compact img{transform:scale(1.1)}.team-info-compact{padding:1.25rem 1.5rem 1.5rem;text-align:center;background:linear-gradient(180deg,#f8f5f0,#fefefe);position:relative;z-index:2}.team-info-compact h3{font-size:1rem;font-weight:800;color:#2c2017;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.5px}.team-info-compact p{font-size:.85rem;color:#8b7355;margin:0;line-height:1.4;font-weight:500}.slider-dots{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;padding:.5rem 0}.slider-dot{width:12px;height:12px;border-radius:50%;background:rgba(212,165,116,.2);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.slider-dot:hover{background:rgba(212,165,116,.4);transform:scale(1.2)}.slider-dot.active{background:#d4a574;transform:scale(1.4);border-color:rgba(212,165,116,.3);box-shadow:0 0 15px rgba(212,165,116,.5),0 0 30px rgba(212,165,116,.2)}.cta-section{padding:6rem 0;background:linear-gradient(180deg,#1a1410,#2c1810 50%,#3e2723);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 30% 50%,rgba(212,165,116,.1),transparent 50%),radial-gradient(ellipse 60% 40% at 70% 50%,rgba(139,69,19,.08),transparent 50%);animation:ctaGlow 6s ease-in-out infinite alternate}@keyframes ctaGlow{0%{opacity:.5}to{opacity:1}}.cta-content{position:relative;z-index:2}.cta-content h2{font-size:2.8rem;color:#ffd7a8;margin-bottom:1rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.cta-content p{font-size:1.25rem;color:#d4a574;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1.2rem 3rem;border-radius:50px;font-weight:600;font-size:1.05rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn-primary:before,.btn-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .4s ease}.btn-primary:hover:before,.btn-secondary:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8c61);color:white;box-shadow:0 8px 25px rgba(255,107,53,.4);border:2px solid transparent}.btn-primary:hover{background:linear-gradient(135deg,#ff8c61,#ffab8a);transform:translateY(-4px);box-shadow:0 12px 35px rgba(255,107,53,.6)}.btn-secondary{background:transparent;color:#ffd7a8;border:2px solid #ffd7a8}.btn-secondary:hover{background:rgba(255,215,168,.15);transform:translateY(-4px);box-shadow:0 8px 25px rgba(255,215,168,.3);border-color:#ffeed9}@media (max-width:1024px){.vision-mission-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.tentang-kami-page .hero-section{min-height:280px;padding:3rem 1.25rem}.section-title,.section-title-center,.tentang-kami-page .hero-content h1{font-size:2rem}.vision-mission-grid{grid-template-columns:1fr}.timeline:before{left:24px;width:3px}.timeline-item.left,.timeline-item.right{justify-content:flex-start;padding-left:70px;padding-right:1rem}.timeline-year{left:24px;transform:none;font-size:1.1rem;padding:.8rem 1.5rem;min-width:auto}.timeline-content{max-width:100%;padding:1.5rem}.timeline-content h3{font-size:1.2rem}.timeline-item.left .timeline-content:after,.timeline-item.right .timeline-content:after{display:none}.team-grid{grid-template-columns:1fr;gap:2rem}.team-photo{height:350px}.team-info h3{font-size:1.3rem}.team-info .position{font-size:.9rem}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;max-width:300px}.container{padding:0 1rem}.cta-section,.milestone-section,.story-section,.team-section{padding:3rem 0}.milestone-section .section-title-center{font-size:2rem;margin-bottom:1rem}.timeline{padding:1.5rem 0}.timeline-item{margin-bottom:3rem}.section-label{font-size:.8rem;padding:.4rem 1rem;letter-spacing:2px}.section-title{font-size:2.2rem}.team-card-compact{width:250px}.team-photo-compact{height:260px}.team-photo-compact img{height:100%;max-width:105%}.team-info-compact h3{font-size:.9rem}.team-info-compact p{font-size:.8rem}.section-label:after,.section-label:before{width:25px;margin-left:.5rem;margin-right:.5rem}.vm-card{padding:1.5rem}.vm-card h3{font-size:1.3rem}.story-text p{font-size:1rem}.team-card:hover{transform:translateX(0)}.cta-content h2{font-size:2rem}.cta-content p{font-size:1.05rem}}.news-section{padding:5rem 0;background:var(--bg);position:relative}.news-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass),transparent)}.news-header{text-align:center;margin-bottom:3rem}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.news-card{background:var(--surface);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid var(--glass)}.news-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(139,69,19,.2);border-color:var(--primary)}.news-card__image{position:relative;height:240px;overflow:hidden}.news-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;border-radius:0}.news-card:hover .news-card__image img{transform:scale(1.08)}.news-card__category{position:absolute;top:16px;left:16px;background:var(--primary);color:white;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.3)}.news-card__content{padding:2rem}.news-card__title{margin:0 0 1rem;color:var(--text);font-size:1.25rem;font-weight:700;line-height:1.4;-webkit-line-clamp:2}.news-card__excerpt,.news-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.news-card__excerpt{margin:0 0 1.5rem;color:var(--muted);font-size:.95rem;line-height:1.6;-webkit-line-clamp:3}.news-card__link{display:inline-flex;align-items:center;color:var(--primary);font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease}.news-card__link:hover{color:#ff6b35;transform:translateX(4px)}.news-footer{text-align:center;margin-top:3rem}@media (max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.news-section{padding:3rem 0}.news-grid{grid-template-columns:1fr;gap:1.5rem}.news-card__image{height:200px}.news-card__content{padding:1.5rem}.news-card__title{font-size:1.1rem}.team-compact{padding:2.5rem 0 3rem}.team-slider-container{padding:0 .5rem}.team-slider{gap:1.5rem;padding:1rem .5rem}.team-card-compact{width:280px}.team-photo-compact{height:320px}.team-info-compact{padding:1rem}.team-info-compact h3{font-size:1rem}.team-info-compact p{font-size:.85rem}.slider-dots{margin-top:1rem}}@media (max-width:480px){.team-slider-container{padding:0}.team-slider{gap:1rem;padding:1rem .5rem}.team-card-compact{width:260px}.team-photo-compact{height:300px}.slider-dot{width:6px;height:6px}}