.film-gallery{padding-top:10px;background:var(--paper)}
.film-gallery .section-heading h2{max-width:740px}
.film-gallery .flex-heading>p{max-width:300px}
.film-swipe-hint{display:none}
.film-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.film-card{min-width:0}
.film-frame{position:relative;aspect-ratio:9/16;background:#102b25;overflow:hidden;border-radius:20px;isolation:isolate;border:1px solid #d2dbc8;box-shadow:0 16px 30px #1b352310}
.film-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#071f1c}
.film-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:100%;color:#fff;background:linear-gradient(180deg,#061e1810,#061e1838);font-size:12px;font-weight:650;text-shadow:0 2px 7px #000;cursor:pointer;transition:background .25s}
.play-disc{width:68px;height:68px;display:grid;place-items:center;padding-left:5px;background:var(--lime);color:var(--forest);font-size:21px;text-shadow:none;border-radius:50%;box-shadow:0 0 0 10px #d7ff761d;transition:transform .3s,box-shadow .3s}
.film-play:hover .play-disc,.film-play:focus-visible .play-disc{transform:scale(1.09);box-shadow:0 0 0 16px #d7ff761c}
.film-duration{position:absolute;top:15px;right:15px;z-index:2;padding:5px 9px;border-radius:30px;background:#071f1cd9;color:#edf4e8;font-size:9px;font-weight:650;letter-spacing:.08em;pointer-events:none;transition:opacity .2s}
.film-card.is-playing .film-duration{opacity:0}
.film-card-info{padding:24px 4px 0}
.film-card-index{display:block;color:#6b7d5d;font-size:10px;letter-spacing:.1em;font-weight:650;margin-bottom:12px}
.film-card-info h3{font-size:29px;line-height:1.1;letter-spacing:-.04em}
.film-card-info p{font-size:13px;color:#5d6d53;line-height:1.8;margin-top:12px;max-width:320px}
.film-section-note{display:flex;align-items:flex-start;justify-content:space-between;gap:45px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.film-section-note p{font-size:12px;line-height:1.8;color:#64765a;max-width:620px}
.film-section-note .text-link{flex:none;font-size:12px;padding-top:0;color:var(--forest)}
.testimonials{padding-top:10px}
.testimonial-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}
.testimonial-copy h2{font-size:clamp(40px,4.7vw,64px);line-height:1.03;margin-top:24px}
.testimonial-copy blockquote{margin:30px 0 0;padding:0}
.testimonial-copy blockquote>p{font-family:var(--display);font-size:clamp(25px,2.7vw,36px);line-height:1.24;letter-spacing:-.04em;max-width:550px}
.testimonial-copy blockquote footer{display:flex;align-items:center;gap:13px;margin-top:24px}
.testimonial-initials{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e4ecd4;border:1px solid #d0ddb9;color:#365438;font-size:13px;font-weight:700;flex:none}
.testimonial-copy cite{display:block;font-size:14px;font-weight:700;font-style:normal}
.testimonial-copy blockquote footer div>span{display:block;color:#697b5e;font-size:11px;margin-top:2px}
.testimonial-update{font-size:12px;color:#65765a;line-height:1.8;margin-top:29px}
.testimonial-update-quote{font-size:16px;line-height:1.7;color:#23432d;max-width:390px;margin-top:7px}
.testimonial-source{margin-top:13px;font-size:12px}
.testimonial-context{font-size:11px;line-height:1.8;color:#64765a;max-width:420px;margin-top:19px}
.testimonial-evidence{margin:0;min-width:0;transform:rotate(1.5deg);transition:transform .4s}
.testimonial-evidence:hover{transform:rotate(0)}
.testimonial-evidence>a{display:block;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 20px 45px #163c251c;border:1px solid #d3ddc9;padding:12px}
.testimonial-evidence img{width:100%;height:auto;border-radius:7px}
.testimonial-evidence figcaption{font-size:10px;color:#64765a;display:flex;gap:15px;justify-content:space-between;line-height:1.7;padding:17px 3px 0}
.testimonial-evidence figcaption a{color:#26482d;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.film-gallery-grid{gap:20px}.film-card-info h3{font-size:25px}.film-section-note{gap:28px}.film-section-note p{max-width:480px}.testimonial-layout{gap:48px}.testimonial-copy h2{font-size:48px}.testimonial-copy blockquote>p{font-size:30px}}
@media(min-width:641px) and (max-width:820px){.film-gallery-grid{gap:14px}.film-frame{border-radius:15px}.film-card-info h3{font-size:22px}.film-card-info p{font-size:12px}.film-section-note{display:block}.film-section-note .text-link{margin-top:15px}.testimonial-layout{gap:32px}.testimonial-copy h2{font-size:43px}.testimonial-copy blockquote>p{font-size:26px}.testimonial-evidence>a{padding:8px}.testimonial-evidence figcaption{display:block}.testimonial-evidence figcaption a{display:block;margin-top:6px}}
@media(max-width:640px){
 .film-gallery{padding-top:0}.film-gallery .section-heading h2{font-size:39px}.film-gallery .flex-heading>p{max-width:390px}.film-gallery-grid{grid-template-columns:1fr;gap:38px}.film-card{display:block;max-width:390px;width:100%;margin-inline:auto}.film-frame{max-width:300px;width:100%;margin-inline:auto;border-radius:19px}.film-card-info{max-width:340px;margin-inline:auto;padding:20px 1px 0}.film-card-index{font-size:10px;margin-bottom:10px}.film-card-info h3{font-size:29px}.film-card-info p{font-size:14px;max-width:350px;line-height:1.8;margin-top:10px}.film-section-note{display:block;margin-top:28px;padding-top:21px}.film-section-note p{font-size:12px}.film-section-note .text-link{margin-top:15px;font-size:13px;line-height:1.7;flex-wrap:wrap}.film-duration{font-size:9px}.play-disc{width:65px;height:65px}.film-play{font-size:12px}.testimonials{padding-top:0}.testimonial-layout{display:flex;flex-direction:column;gap:35px;align-items:stretch}.testimonial-copy h2{font-size:43px;margin-top:0}.testimonial-copy blockquote{margin-top:25px}.testimonial-copy blockquote>p{font-size:30px;line-height:1.25}.testimonial-copy blockquote footer{margin-top:22px}.testimonial-copy cite{font-size:14px}.testimonial-copy blockquote footer div>span{font-size:11px}.testimonial-update{font-size:12px;margin-top:25px}.testimonial-update-quote{font-size:17px}.testimonial-context{font-size:12px;max-width:390px}.testimonial-source{font-size:13px}.testimonial-evidence{transform:none;max-width:420px;width:100%;margin-inline:auto}.testimonial-evidence>a{padding:9px;border-radius:16px}.testimonial-evidence figcaption{font-size:11px;gap:10px;flex-wrap:wrap;padding-top:14px}
}
@media(max-width:374px){.film-gallery .section-heading h2{font-size:35px}.film-card-info h3{font-size:27px}.testimonial-copy h2{font-size:38px}.testimonial-copy blockquote>p{font-size:27px}.testimonial-evidence figcaption{display:block}.testimonial-evidence figcaption a{display:block;margin-top:5px}}
@media(max-width:640px){.film-swipe-hint{display:flex;align-items:center;gap:14px;font-size:11px;color:#5b7352;margin:0 0 14px}.film-swipe-hint span{font-size:20px;color:var(--forest)}.film-gallery-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82vw,300px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;overscroll-behavior-inline:contain;margin-inline:-20px;padding:8px 20px 22px;scrollbar-width:thin;scrollbar-color:#a1b585 #e6ebdc}.film-card{scroll-snap-align:start;scroll-snap-stop:always;max-width:none;margin:0}.film-frame{max-width:none}.film-card-info{padding-inline:2px}.film-gallery .reveal{transition-delay:0s!important}}
@media(prefers-reduced-motion:reduce){.play-disc,.testimonial-evidence{transition:none}.testimonial-evidence{transform:none}}
@media(max-width:640px){.nav-links{gap:12px}.nav-links a[href='#contoh-video']{display:block;font-size:12px}}
@media(max-width:374px){.nav-links a[href='#harga']{display:none}.nav-links a[href='#contoh-video']{font-size:11px}}