.production-hub{scroll-margin-top:100px}.hub-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start;margin-bottom:36px}.hub-heading h2{margin:0;max-width:13ch;text-wrap:balance}.hub-heading p,.hub-paths p,.hub-horizon p{color:var(--text-2);line-height:1.65;max-width:65ch}.hub-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.hub-paths article{padding:28px 0;border-top:1px solid var(--border);transition:border-color .25s ease}.hub-paths h3,.hub-horizon h3{font-size:22px;margin:0 0 12px;letter-spacing:-.035em}.hub-paths p{margin:0 0 16px}.hub-links{display:flex;flex-wrap:wrap;gap:12px 24px}.hub-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:underline;text-underline-offset:5px;font-weight:500}.hub-links a:after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--hub-arrow) center / contain no-repeat;mask:var(--hub-arrow) center / contain no-repeat;transition:transform .2s ease}@media(hover:hover){.hub-paths article:has(.hub-links a:hover){border-color:var(--text-2)}}@media(hover:hover){.hub-links a:hover:after{transform:translate(2px,-2px)}}.hub-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.hub-paths small{display:block;color:var(--text-2);line-height:1.6;margin-top:8px}.hub-horizon{margin-top:34px;padding:28px 0 0;border-top:1px solid var(--border);border-radius:0;background:transparent}.hub-horizon p{margin-bottom:0}@media(prefers-reduced-motion:reduce){.hub-paths article,.hub-links a:after{transition:none}}@media(max-width:700px){.hub-heading,.hub-paths{grid-template-columns:1fr;gap:0}.hub-heading{gap:16px;margin-bottom:24px}.hub-horizon{padding:24px 0 0}}.mk .mk-sec{padding-block:clamp(48px,7vw,96px)}#mk-karya-title,#product{scroll-margin-top:100px}.mk .mk-karya-head,.mk .mk-product-head{margin-bottom:36px;align-items:start}.mk .mk-karya-head h2,.mk .mk-product-head h2{line-height:1.02}.mk-karya-intro small{display:block;margin-top:9px;color:var(--text-2);font-size:12px}.creator-grid{gap:24px;align-items:start}.mk .creator-card{padding:20px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}.creator-intro{padding:0 0 22px}.creator-identity{align-items:center;gap:14px}.creator-identity h3{font-size:clamp(20px,2vw,26px)}.creator-identity>span>span{font-size:13px;color:var(--text-2)}.creator-avatar,.creator-initial{width:68px;height:68px;flex-basis:68px}.creator-headline{margin:16px 0 0;font-size:15px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.creator-bio{font-size:14px;color:var(--text-2);line-height:1.65}.creator-location{margin-top:12px;opacity:1;color:var(--text-2);font-size:12px}.creator-tools summary{cursor:pointer;min-height:40px;font-size:12px;padding:10px 0}.creator-tools details ul{margin-top:8px}.creator-tools>p{opacity:1;color:var(--text-2)}.creator-profile{font-size:13px;font-weight:500}.creator-profile span{font-weight:400}.creator-work-caption{flex-direction:column;gap:5px}.creator-reveal{display:block;margin:32px auto 0;min-height:48px;padding:12px 24px;border-radius:8px;border:1px solid var(--border);background:var(--page);color:var(--text-1);font:inherit;font-size:14px;cursor:pointer}@media(hover:hover){.creator-reveal:hover{background:var(--sunken)}}.creator-reveal:focus-visible,.creator-tools summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}.mk .mk-product{background:var(--sunken)}.mk .mk-product-head .mono{display:none}.mk .mk-video-disclosure{padding-block:24px;border-bottom:1px solid var(--border)}.mk-video-disclosure>summary{cursor:pointer;font-size:20px;padding:12px 0}.mk-video-disclosure>summary>span{display:block;font-size:12px;color:var(--text-2);margin-top:8px}.mk-video-disclosure .mk-explainer-heading{display:none}.mk-video-disclosure[open]>video{margin-top:24px}.mk-archive-disclosure{margin-top:28px}.mk-archive-disclosure>summary{cursor:pointer;padding:16px 0;font-size:15px}.mk-archive-disclosure[open] .mk-jejak-proyek-head{margin-top:24px}.mk .mk-jejak-logo{margin-bottom:0}@media(max-width:700px){.creator-card{padding:20px}.creator-grid{gap:20px}.mk .mk-sec{padding-block:48px}.mk .mk-video-disclosure{padding-block:20px}}.mk{--hub-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M7 7h10v10'/%3E%3C/svg%3E")}.mk .mk-sec{padding-block:clamp(96px,11vw,168px)}.mk .mk-sec h2,.mk .mk-portfolio-teaser h2,.mk .hub-heading h2{font-size:clamp(34px,4.6vw,64px);line-height:1.02;font-weight:600;letter-spacing:-.04em;text-wrap:balance}.mk .hub-heading{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:48px;margin-bottom:clamp(40px,5vw,64px)}.mk .hub-heading p{margin:0;font-size:16px}.mk .hub-paths{grid-template-columns:1fr}.mk .hub-paths article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:8px 48px;padding:clamp(28px,3.4vw,44px) 0}.mk .hub-paths h3{grid-row:span 3;margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1.1}.mk .hub-paths p{margin:0;font-size:16px}.mk .hub-links{margin-top:10px}.mk .hub-paths small{margin-top:2px;font-size:13px}.mk .hub-horizon h3{font-size:20px}.mk .mk-video-disclosure{padding-block:0 clamp(72px,9vw,128px);border-bottom:0}.mk-video-disclosure>summary{list-style:none;position:relative;display:flex;flex-direction:column;gap:6px;container-type:inline-size;cursor:pointer;color:var(--text-1);font-size:clamp(20px,2.2vw,28px);font-weight:600;letter-spacing:-.025em}.mk-video-disclosure>summary::-webkit-details-marker{display:none}.mk-video-disclosure>summary:before{content:"";display:block;aspect-ratio:16 / 9;margin-bottom:18px;border-radius:10px;background:#0b0b0d url(/marketing/editorial/explainer-poster-2026-09-28.jpg) center / cover no-repeat;transition:opacity .3s ease}.mk-video-disclosure>summary:after{content:"";position:absolute;left:50%;top:28.125cqw;width:76px;height:76px;translate:-50% -50%;border-radius:50%;background:#fffffff0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l11-6.5z' fill='%23111114'/%3E%3C/svg%3E") 55% 50% / 28px no-repeat;box-shadow:0 12px 32px #00000047;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.mk-video-disclosure>summary>span{color:var(--text-2);font-size:14px;font-weight:400;letter-spacing:0;margin-top:0}.mk-video-disclosure>summary:focus-visible{outline:2px solid var(--text-1);outline-offset:4px;border-radius:10px}.mk-video-disclosure[open]>summary:before,.mk-video-disclosure[open]>summary:after{display:none}.mk-video-disclosure[open]>video{margin-top:16px;border-radius:10px}@media(hover:hover){.mk-video-disclosure:not([open])>summary:hover:before{opacity:.92}.mk-video-disclosure:not([open])>summary:hover:after{transform:scale(1.06)}}.mk .mk-penutup{text-align:center;padding-block:clamp(120px,16vw,208px)}.mk .mk-penutup h2{font-size:clamp(40px,6.4vw,92px);line-height:.98;margin:0 auto;max-width:16ch}.mk .mk-penutup .mk-sec-sub{margin:24px auto 0;max-width:48ch;font-size:18px}.mk .mk-penutup .mk-cta{justify-content:center;margin-top:40px}@media(max-width:700px){.mk .mk-sec{padding-block:72px}.mk .hub-paths article{grid-template-columns:1fr}.mk .hub-paths h3{grid-row:auto;margin-bottom:6px}.mk-video-disclosure>summary:after{width:60px;height:60px;background-size:22px}.mk .mk-penutup{padding-block:96px}}.mk .creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(56px,6vw,88px) clamp(28px,3vw,48px)}.mk .creator-card{display:flex;flex-direction:column;gap:22px;padding:0;border-top:0}.mk .creator-work{order:-1;display:grid;gap:14px}.mk .creator-work-image{aspect-ratio:16 / 9;border-radius:10px}.mk .creator-work-image img{object-fit:cover}.mk .creator-work-caption{gap:4px}.mk .creator-work-caption strong{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3}.mk .creator-work-caption span{color:var(--text-2);font-size:14px}.mk .creator-intro{padding:0}.mk .creator-identity{gap:12px}.mk .creator-avatar,.mk .creator-initial{width:44px;height:44px;flex-basis:44px}.mk .creator-identity h3{font-size:17px}.mk .creator-headline{margin-top:12px;font-size:15px}.mk .creator-bio{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px}.mk .creator-tools{margin-top:12px}@media(max-width:1000px){.mk .creator-card{display:flex}}@media(max-width:700px){.mk .creator-grid{grid-template-columns:1fr;gap:56px}.mk .creator-card{padding:0}}.mk .mk-jejak-logo-label{font-size:14px;letter-spacing:0;text-transform:none}