.supporters{perspective:1000px;background-color:#fff;align-items:center;min-height:100vh;padding:64px clamp(20px,6vw,96px);display:flex;position:relative;overflow:hidden}.supporters-bg{z-index:0;background-image:url(/elements/assets/supporters/hero/SupSonBGnew.webp);background-position:50%;background-size:cover;width:120%;height:120%;position:absolute;top:0%;right:-5%}.supporters-content{z-index:2;transform-origin:0;max-width:1200px;position:relative;transform:rotateY(25deg)rotateX(0)rotate(3deg)}.supporters-title{color:#d9d9d9;font-family:var(--font-agent-expanded), sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px #0009,0 4px 12px #00000080,0 0 30px #ffffff14;margin-top:-50px;font-size:clamp(48px,100vw,300px);line-height:.95}.supporters-subtitle{color:var(--active-color,#be2201);font-family:var(--font-agent-expanded), sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px #0009,0 0 20px #be220159;margin:-40px 0 0;font-size:clamp(18px,100vw,110px)}.teki-shadow{width:100%;height:100%;position:absolute;top:30%;right:-35%}@media (max-width:1024px){.supporters{text-align:center;padding:32px 24px 24px}.supporters-bg{width:100%;height:100%;top:0;right:0}.supporters-content{max-width:100%;margin:0 auto}.supporters-title{margin-top:0;font-size:clamp(30px,25vw,300px)}.supporters-subtitle{margin:4px 0 0;font-size:clamp(12px,8.5vw,90px)}}@media (max-width:715px){.supporters{text-align:center;padding:28px 18px 18px}.supporters-title{margin-top:0;font-size:clamp(30px,20vw,300px)}.supporters-subtitle{margin:2px 0 0;font-size:clamp(12px,7vw,90px)}}@media (max-width:1024px) and (orientation:portrait){.supporters-bg{transform:scale(1.3)}}@media (max-width:1024px) and (orientation:landscape){.supporters-bg{transform:scale(1.1)}}@media (max-width:480px) and (orientation:portrait){.supporters{min-height:50vh}}
.supporter-note{background-color:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;padding:64px 20px;display:flex;position:relative;overflow:hidden}.supporter-note:after{content:"";z-index:6;pointer-events:none;background:linear-gradient(90deg,#0a0a0a 0% 6%,#0000 18% 82%,#0a0a0a 94% 100%),linear-gradient(#0000 80%,#0a0a0a 95% 100%);position:absolute;inset:0}.supporter-note-background{z-index:1;pointer-events:none;position:absolute;inset:0}.supporter-note-decor--lines{opacity:1;z-index:1;width:150%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.supporter-note-sidepaper{z-index:1;flex-direction:column;align-items:center;width:15%;display:flex;position:absolute}.supporter-note-sidepaper--left{top:30%;left:6%;transform:rotate(-3deg)}.supporter-note-sidepaper--right{bottom:12%;right:4%;transform:rotate(5deg)}.supporter-note-sidepaper-img{opacity:1;z-index:0;width:100%;height:auto;position:relative}.supporter-note-clip{z-index:5;width:10%;height:auto;position:absolute}.supporter-note-clip--left{top:10%;transform:rotate(15deg)}.supporter-note-clip--right{top:7%;left:25%;transform:rotate(-15deg)}.supporter-note-paper-wrap{z-index:2;flex-direction:column;align-items:center;width:50%;display:flex;position:absolute;top:27.5%}.supporter-note-clip--main-kiri{z-index:3;width:4%;height:auto;position:absolute;top:2px;left:17.5%;transform:rotate(-8deg)}.supporter-note-clip--main-kanan{z-index:3;width:4%;height:auto;position:absolute;top:-5px;right:8%;transform:rotate(8deg)}.supporter-note-paper{width:100%;position:relative;transform:rotate(-1deg)}.supporter-note-paper-bg{width:100%;height:auto;display:block}.supporter-note-paper-content{z-index:1;flex-direction:column;padding:clamp(24px,4vw,40px);display:flex;position:absolute;inset:0}.supporter-note-header{align-items:center;gap:20px;margin-bottom:16px;display:flex}.supporter-note-logo{flex-shrink:0;width:clamp(56px,12vw,80px);height:auto}.supporter-note-title{color:var(--active-color,#bf2201);font-family:var(--font-agent-expanded), sans-serif;letter-spacing:1px;margin:0;font-size:clamp(32px,8vw,72px);line-height:.95}.supporter-note-subtitle{color:var(--active-color,#bf2201);font-family:var(--font-agent-expanded), sans-serif;letter-spacing:1px;margin:0;font-size:20px;line-height:.95}.supporter-note-text{color:#1a1a1a;font-family:var(--font-stack-sans-regular), sans-serif;margin:0;font-size:clamp(13px,1.4vw,15px);line-height:1.6}.supporter-note-text-mobile{color:#1a1a1a;font-family:var(--font-stack-sans-regular), sans-serif;margin:0;font-size:10px;line-height:1.6;display:none}@media (max-width:1300px){.supporter-note-paper-wrap{width:60%}.supporter-note-text{font-size:12px}.supporter-note-header{gap:30px}.supporter-note-logo{width:70px}.supporter-note-title{font-size:70px}.supporter-note-subtitle{font-size:18px}.supporter-note-paper-content{padding-top:60px}}@media (max-width:1150px){.supporter-note-text{font-size:12px}.supporter-note-header{gap:30px}.supporter-note-logo{width:70px}.supporter-note-title{font-size:70px}.supporter-note-subtitle{font-size:18px}}@media (max-width:1024px){.supporter-note{padding:32px 20px}.supporter-note-decor--lines,.supporter-note-sidepaper{position:absolute}.supporter-note-paper-wrap{width:80%}.supporter-note-header{gap:16px}.supporter-note-title{font-size:70px}.supporter-note-subtitle{font-size:25px}.supporter-note-text{font-size:clamp(11px,2.4vw,13px);line-height:1.5}}@media (max-width:740px){.supporter-note-paper-content{padding-top:40px}.supporter-note-text{font-size:11px}.supporter-note-title{font-size:40px}.supporter-note-subtitle{font-size:20px}.supporter-note-logo{width:60px}.supporter-note-paper-wrap{height:auto;position:absolute}}@media (max-width:600px){.supporter-note{min-height:50vh}.supporter-note-paper-wrap{width:98%;position:absolute}.supporter-note-text{display:none}.supporter-note-text-mobile{display:block}.supporter-note:after{display:none}.supporter-note-paper-content{padding-top:20px}.supporter-note-logo{width:40px}.supporter-note-sidepaper{display:none}.supporter-note-paper-content{padding:10px}.supporter-note-subtitle{font-size:12px}.supporter-note-title{font-size:30px}}@media (max-width:375px){.supporter-note-logo{width:30px}.supporter-note-subtitle{font-size:15px}.supporter-note-title{font-size:28px}.supporter-note-text-mobile{font-size:9.5px}}@media (max-width:350px){.supporter-note-text-mobile{font-size:9px}}@media (max-width:332px){.supporter-note-text-mobile{font-size:8.5px}}@media (max-width:315px){.supporter-note-text-mobile{font-size:8px}.supporter-note-paper-wrap{width:100%;position:absolute}}
.supporter-kmhm{background-color:#1a0505;background-image:url(/elements/assets/supporters/KMHM/BGKorannew.svg);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;gap:clamp(24px,4vw,48px);min-height:100vh;padding:48px 0;display:flex;position:relative;overflow:hidden}.supporter-kmhm:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0a0a0a 0% 5%,#0000 50% 60%,#730e0e50 80% 100%);position:absolute;inset:0}.supporter-kmhm-title-wrap{z-index:2;text-align:center;-webkit-backdrop-filter:blur(100px);background-color:#0006;border-top:2px solid #ffffff26;border-bottom:2px solid #ffffff26;width:100%;padding:clamp(16px,3vw,18px) 0;position:relative}.supporter-kmhm-title{color:var(--active-color,#bf2201);font-family:var(--font-agent-expanded), sans-serif;letter-spacing:2px;text-shadow:0 0 24px #bf220199;margin:0;font-size:clamp(28px,6vw,90px)}.supporter-kmhm-track{z-index:2;touch-action:pan-y;scroll-snap-type:x mandatory;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:24px;padding:0 22vw;display:flex;position:relative;overflow:auto hidden}.supporter-kmhm-track::-webkit-scrollbar{display:none}.supporter-kmhm-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.supporter-kmhm-card{scroll-snap-align:center;opacity:.4;-webkit-user-select:none;user-select:none;flex:none;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);transform:scale(.82)}.supporter-kmhm-card.is-active{opacity:1;transform:scale(1)}.supporter-kmhm-card-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;width:auto;max-width:78vw;height:min(58vh,620px);display:block}@media (max-width:640px){.supporter-kmhm-card-img{max-width:85vw;height:min(50vh,480px)}.supporter-kmhm-track{gap:16px;padding:0 8vw}}